لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش بازی های وب با جاوا اسکریپت - 5 بازی سرگرم کننده کلمه خود را بسازید [ویدئو]
Web Games with JavaScript - Create Your Own 5 Fun Word Games [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این یک دوره کاملاً عملی برای یادگیری نحوه ساخت بازی های آنلاین با استفاده از جاوا اسکریپت است. ابتدا، شما یاد خواهید گرفت که یک بازی تقلب کلمات ایجاد کنید که در آن کاربر باید کلمه درهم شده را با حداقل حدس های اشتباه حل کند. در اینجا، نحوه بارگیری لیست کلمات پویا برای ایجاد یک تجربه تعاملی را یاد خواهید گرفت. سپس یاد خواهید گرفت که یک بازی رمزگشایی کلمه ایجاد کنید که در آن کاربر باید یک عبارت را با استفاده از کدهای اعداد حل کند. در اینجا، یاد خواهید گرفت که چگونه هر حرف را با یک عدد مرتبط کنید و کلمات و عبارات را به صورت پویا بارگذاری کنید. بازی سوم شما یک بازی جلاد خواهد بود که در آن کاربر باید عبارات پنهان را با کلیک کردن روی حروف موجود حدس بزند. در اینجا، از شرایط جاوا اسکریپت برای بررسی حدس های انجام شده توسط کاربر استفاده خواهید کرد. در مرحله بعد، شما یاد خواهید گرفت که یک بازی جستجوی کلمه بسازید تا بفهمید چگونه یک جستجوی کلمه کاملاً کاربردی ایجاد کنید که شبکه پویا را به طور خودکار با بیشترین تعداد کلمات ممکن پر کند. در نهایت، آخرین بازی خود را خواهید ساخت، یک بازی مسابقه ساده که به صورت پویا با جاوا اسکریپت تولید می شود و همه عناصر و تعاملات Document Object Model (DOM) را بسته به داده های JSON ایجاد می کند.
در پایان این دوره، مهارت و اعتماد به نفس لازم برای ساخت بازی های وب خود را در جاوا اسکریپت خواهید داشت.
تمام منابع و فایل های کد دوره در اینجا قرار داده شده است: https://github.com/PacktPublishing/Web-Games-with-JavaScript---Create-your-own-5-Fun-Word-Games نحوه تنظیم را بیاموزید. تخته بازی را آماده کنید
یک بازی پویا و انعطاف پذیر برای بازی ایجاد کنید
از روش های آرایه مانند نقشه برای کوتاه کردن کد استفاده کنید
تکنیک هایی را برای افزودن و به روز رسانی امتیاز بازیکن کشف کنید
عناصر پخش کننده تعاملی را با عناصر جاوا اسکریپت Document Object Model (DOM) ایجاد کنید
تست و اشکال زدایی بازی ها این دوره برای طراحان بازی، توسعه دهندگان بازی، برنامه نویسان جاوا، کدنویسان است که می خواهند یاد بگیرند که چگونه بازی های تحت وب در جاوا اسکریپت بسازند. برای شروع این دوره به درک اولیه HTML، CSS و جاوا اسکریپت نیاز است. با مفاهیم جاوا اسکریپت آشنا شوید * عناصر طراحی بازی مورد نیاز برای ایجاد یک بازی کاملاً کاربردی را بیاموزید * برای ایجاد پنج بازی وب تعاملی با استفاده از جاوا اسکریپت آماده شوید.
سرفصل ها و درس ها
معرفی بازی کلمات
Word Game Introduction
مقدمه ای بر بازی Word Scramble از ابتدا
Introduction to the Word Scramble Game from Scratch
ایجاد یک بازی Word Scramble با استفاده از جاوا اسکریپت
Creating a Word Scramble Game Using JavaScript
مقدمه ای بر بازی Word Scramble از ابتدا
Introduction to the Word Scramble Game from Scratch
راه اندازی و آماده سازی محیط بازی خود با استفاده از HTML و شیوه نامه آبشاری (CSS)
Setting up and Preparing your Game Environment Using HTML and Cascading Style Sheets (CSS)
تنظیم ارزش های بازی
Setting up Game Values
اضافه کردن و راه اندازی بازی Word
Adding and Setting up the Word Game
درهم آمیختن حروف با مقادیر آرایه تصادفی جاوا اسکریپت
Scrambling Letters with JavaScript Random Array values
به روز رسانی و افزودن محتوا به صفحات وب
Updating and Adding Content to Web Pages
شمارش حروف در یک رشته با شمارنده حروف جاوا اسکریپت
Counting Letters in a String with JavaScript Letter Counter
اضافه کردن امتیاز و گیم پلی به بازی خود با جاوا اسکریپت
Adding Scoring and Gameplay to your Game with JavaScript
ترفندهای بازی Final Scrambler
Final Scrambler Game Tweaks
نقد و بررسی بازی Scramble Letters
Reviewing the Scramble Letters Game
افزودن لیست کلمات پویا از Google Sheets به بازی شما
Adding a Dynamic Word List from Google Sheets to your Game
انتخاب فهرست های چند کلمه ای از محتوای پویا
Selecting Multiple Word Lists from Dynamic Content
لیست رفع اشکالات بازی.
Gameplay Bug Fixes List.
کشف کلمات مخفی با استفاده از مقادیر عدد جاوا اسکریپت
Uncovering the Secret Words Using JavaScript Number Values
مقدمه ای بر بازی رمزگشای اعداد Secret Words با استفاده از جاوا اسکریپت
Introduction to the Secret Words Number Decoder Game Using JavaScript
راه اندازی صفحه بازی
Setting up a Game Board
ایجاد تعامل برای بازیکن
Creating Interaction for the Player
تنظیم گیم پلی و تنظیم مقادیر کد شده
Setting up Gameplay and Setting Coded Values
ارائه کد خروجی پیام های پخش کننده
Providing the Player Messages Output Code
استفاده از روش های آرایه
Using Array Methods
ساخت رمزگشای ورد جاوا اسکریپت
Making a JavaScript Word Decoder
راه اندازی و راه اندازی تنظیمات بازی
Setting up and Starting the Game Setup
جریان بازی
Game Flow
ایجاد ورودی های تعامل با بازیکن
Creating Player Interaction Inputs
تنظیم و بهینه سازی بازی
Adjusting and Tweaking the Game
راه اندازی بازی Winner
Setting up the Winner Game
اشکال زدایی و افزودن ترفندها و بهبودهای بازی نهایی
Debugging and Adding Final Game Tweaks and Improvements
نتیجه گیری از بازی عدد به حروف
Conclusion to Number to Letters Game
بررسی کد بازی
Reviewing the Code for the Game
بازی حدس زدن کلمه جلاد از ابتدا با استفاده از جاوا اسکریپت
Hangman Word Guessing Game from Scratch Using JavaScript
مقدمه ای بر بازی جلاد جاوا اسکریپت
Introduction to the JavaScript Hangman Game
راه اندازی JavaScript Hangman Game Board
Setting up JavaScript Hangman Game Board
راهاندازی محتوای برنامه زمانی که Document Object Model (DOM) رویداد DomContentLoaded را بارگیری میکند
Launching Application Content when Document Object Model (DOM) loads the DomContentLoaded Event
ایجاد یک گیم پلی در جاوا اسکریپت.
Creating a Gameplay in JavaScript.
ایجاد یک شروع بازی و تنظیم بازی
Creating a Game Start and the Game Setup
راه اندازی و ساخت بازی Build Player Letters
Setting up and Building Game Build Player Letters
بررسی حدس صحیح
Checking the Correct Guess
به روز رسانی عناصر پخش کننده و مقادیر مدل شی سند (DOM).
Updating the Player Elements and the Document Object Model (DOM) Values
اضافه کردن امتیاز و شرایط امتیاز بازیکن
Adding Score and Player Score Conditions
تنظیم شرایط برای برنده شدن در بازی
Setting Conditions for Winning the Game
بررسی کد نهایی
Final Code Review
بازی جستجوی کلمات جاوا اسکریپت از ابتدا
JavaScript Word Search Game from Scratch
ایجاد یک بازی جستجوی کلمه پویا جاوا اسکریپت از ابتدا
Creating a Dynamic JavaScript Word Search Game from Scratch
راه اندازی صفحه جستجوی کلمات با جاوا اسکریپت
Setting up a Word Search Board with JavaScript
افزودن عناصر بازی به صفحه با استفاده از روش document.createElement()
Adding Game Elements to a Page Using the document.createElement() Method
ایجاد ارزش های بازی و راه اندازی شبکه
Generating Game Values and Setting up the Grid
افزودن کلمات به شبکه برای بازی جستجوی کلمات جاوا اسکریپت
Adding Words to the Grid for the JavaScript Word Search Game
استفاده از منطق بازی در جاوا اسکریپت برای بررسی حروف موجود
Applying Game Logic in JavaScript to Check for Existing Letters
افزودن کلمات به صورت عمودی به شبکه جستجوی کلمه
Adding Words Vertically to the Word Search Grid
پر کردن حروف بازی به صورت خودکار برای پر کردن و ساخت صفحه جستجوی کلمات
Filling Game Letters Automatically to Populate and Build the Word Search Board
افزودن لیست کلمات پخش کننده برای هدایت بازیکن
Adding a Player Word List to Guide the Player
بررسی بازی جاوا اسکریپت با تغییرات و تنظیمات بازی
JavaScript Game Review with Game Tweaks and Adjustments
اضافه کردن تجربه بازیکن
Adding Player Experience
اعمال شرایط برد
Applying Win Conditions
بازی جستجوی کلمات جاوا اسکریپت - ترفندهای نهایی بازی
JavaScript Word Search Game - Final Game Tweaks
بازی جستجوی کلمه نهایی - بررسی کد و توضیحات
Final Word Search Game - Code Review and Explanations
ایجاد یک آزمون پویا با داده های JSON جاوا اسکریپت
Creating a Dynamic Quiz with JavaScript JSON Data
ایجاد داده های پویا برای آزمون جاوا اسکریپت
Creating Dynamic Data for the JavaScript Quiz
راهاندازی فایلهای آزمون و فایلهای محیطی توسعه راهاندازی منبع HTML
Setting up Quiz Files and Source HTML Setup Development Environment Files
ایجاد یک فایل داده JSON برای آزمون خود با استفاده از Ajax برای واکشی داده های JSON
Creating a JSON Data File for your Quiz Using Ajax to Fetch JSON Data
ایجاد سوالات امتحانی در فایل JSON برای بازی امتحانی جاوا اسکریپت
Creating Quiz Questions within the JSON file for the JavaScript Quiz Game
استفاده از جاوا اسکریپت برای ایجاد و نمایش سوالات به Player
Using JavaScript to Generate and Show questions to the Player
نمایش سوالات امتحانی با جاوا اسکریپت
Showing Quiz Questions with JavaScript
اضافه کردن شنوندگان رویداد به بازی
Adding Event Listeners to the Game
حرکت به سمت سوال بعدی
Moving to the Next Question
اضافه کردن امتیاز برای بازی مسابقه
Adding Scoring for Quiz Game
ترفندهای بازی امتحان نهایی
Final Quiz Game Tweaks
نمایش نظرات
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
Laurence Svekis یک برنامه نویس با تجربه وب است. او روی چندین برنامه کاربردی در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآورانه کار کرده است. او در HTML، CSS، JavaScript، jQuery، Bootstrap، PHP و MySQL تخصص دارد و همچنین علاقه زیادی به فناوری های وب، توسعه برنامه های کاربردی وب، برنامه نویسی و بازاریابی آنلاین با تمرکز قوی بر رسانه های اجتماعی و SEO دارد. او همیشه مایل است به دانشآموزانش کمک کند تا آنچه را که فناوری ارائه میدهد تجربه کنند و مشتاق است دانش و تجربیات خود را با جهان به اشتراک بگذارد.
نمایش نظرات